<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>城市筛选</title>
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/cityScreen.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
</head>
<body>
    <div class="city-header">
        <div class="w_1150">
            <div class="logo">
                <img src="images/logo.jpg">
            </div>
            <div class="search-input">
                <i class="iconfont">&#xe651;</i>
                <input class="searchVal" placeholder="请输入区域、商圈或小区名开始找房">
                <input class="btn ico-search" value="开始找房" type="button">
            </div>
        </div>
    </div>
    <div class="w_1150">
        <div class="city-screen">
           <div class="path">
               <a href="">南京站</a>
               <span class="stp">&nbsp;&gt;&nbsp;</span>
               <span>南京公寓</span>
           </div>
           <div class="pxTab">
               <div class="menusTab">
                   <ul>
                     <li class="cur">
                         <a href="">区域公寓</a>
                     </li>
                     <li>
                         <a href="">地铁公寓</a>
                     </li>
                   </ul>
               </div>
               <div class="mxMain">
                   <ul>
                       <li>
                           <h2 class="tTit">区域</h2>
                           <div class="tCon">
                               <div class="tconList">
                                   <a href="">不限</a>
                                   <a href="" class="cur">栖霞</a>
                                   <a href="">鼓楼</a>
                                   <a href="">雨花台</a>
                                   <a href="">秦淮</a>
                                   <a href="">江宁</a>
                                   <a href="">建邺</a>
                                   <a href="">玄武</a>
                               </div>
                               <div class="sTab_con">
                                   <a href="">不限</a>
                                   <a href=""><span>A</span>安德门</a>
                                   <a href=""><span>H</span>洪家园</a>
                                   <a href=""><span>H</span>洪家园</a>
                                   <a href=""><span>H</span>洪家园</a>
                                   <a href=""><span>H</span>洪家园</a>
                                   <a href=""><span>H</span>洪家园</a>
                                   <a href=""><span>H</span>洪家园</a>
                               </div>
                           </div>
                       </li>
                       <li>
                           <h2 class="tTit">租金</h2>
                           <div class="tCon">
                               <div class="tconList">
                                   <a href="">不限</a>
                                   <a href="">1500元以下</a>
                                   <a href="">1500-2000元</a>
                                   <a href="">2000-3000元</a>
                                   <a href="">3000-5000元</a>
                                   <a href="">5000-6500元</a>
                                   <a href="">6500-8000元</a>
                                   <a href="">8000元以上</a>
                               </div>
                           </div>
                       </li>
                       <li>
                           <h2 class="tTit">面积</h2>
                           <div class="tCon">
                               <div class="tconList">
                                   <a href="">不限</a>
                                   <a href="">10M²以下</a>
                                   <a href="">10-12M²</a>
                                   <a href="">12-15M²</a>
                                   <a href="">15-20M²</a>
                                   <a href="">20M²以上</a>
                               </div>
                           </div>
                       </li>
                       <li>
                           <h2 class="tTit">户型</h2>
                           <div class="tCon">
                               <div class="tconList">
                                   <a href="">不限</a>
                                   <a href="" class="cur">一室</a>
                                   <a href="">二室</a>
                                   <a href="">三室</a>
                                   <a href="">四室</a>
                                   <a href="">四室以上</a>
                               </div>
                           </div>
                       </li>
                       <li class="screen_T clearfix">
                           <h2 class="tTit">筛选</h2>
                           <div class="tCon">
                               <div class="tconList screenCon">
                                   <div class="screenSelect">
                                      朝向<span class="iconfont downArrow"></span>
                                      <div class="menuSelect">
                                        <a href="">东南</a>
                                        <a href="">东北</a>
                                        <a href="">西南</a>
                                        <a href="">西北</a>
                                      </div>
                                   </div>
                                   <div class="screenSelect">
                                      楼层<span class="iconfont downArrow"></span>
                                      <div class="menuSelect">
                                        <a href="">底层</a>
                                        <a href="">低楼层</a>
                                        <a href="">中楼层</a>
                                        <a href="">高楼层</a>
                                      </div>
                                   </div>
                                   <div class="screenSelect">
                                      方式<span class="iconfont downArrow"></span>
                                      <div class="menuSelect">
                                        <a href="">底层</a>
                                        <a href="">低楼层</a>
                                        <a href="">中楼层</a>
                                        <a href="">高楼层</a>
                                      </div>
                                   </div>
                                   <a href=""><span class="iconfont checkbox"></span>近地铁</a>
                                   <a href=""><span class="iconfont checkbox cur"></span>精装修</a>
                                   <a href=""><span class="iconfont checkbox"></span>独立阳台</a>
                                   <a href=""><span class="iconfont checkbox"></span>独卫</a>
                               </div>
                           </div>
                       </li>
                       <li class="tj">
                           <h2 class="tTit">条件</h2>
                           <div class="tCon">
                               <span>栖霞<i class="iconfont">&#xe61f;</i></span>
                               <span>一室<i class="iconfont">&#xe61f;</i></span>
                               <span>精装修<i class="iconfont">&#xe61f;</i></span>
                           </div>
                       </li>
                   </ul>
               </div>
           </div>
           <div class="pxCon">
               <div class="pxLeft w_860">
                   <div class="menusTab">
                       <ul>
                         <li class="cur">
                             <a href="">默认排序</a>
                         </li>
                         <li>
                             <a href="">最新</a>
                         </li>
                         <li>
                             <a href="">价格</a>
                         </li>
                       </ul>
                   </div>
                   <div class="picText">
                       <div class="HeadLine">
                           <img src="https://image1.ljcdn.com/320100-inspection/18dfb0e0-0ef8-4ae1-ad30-81926fa7db9c.JPG.296x216.jpg">
                           <div class="headText">
                               <h1><a href="">雨花小区</a></h1>
                               <div class="info">
                                   共有<a href="">102</a>套在租公寓
                               </div>
                               <div class="time">
                                   更新时间：2018.09.14
                               </div>
                           </div>
                           <div class="headmoney">
                               ￥1500/月~￥2600/月
                           </div>
                       </div>
                       <div class="houseCon">
                           <div class="houseList">
                               <a href="">
                                  <img src="https://image1.ljcdn.com/320100-inspection/18dfb0e0-0ef8-4ae1-ad30-81926fa7db9c.JPG.296x216.jpg">
                               </a>
                               <div class="houseText">
                                   <h1>
                                       <a href="">
                                           <span>单间 |</span>
                                           盛世公馆 开发商精装交付公寓 诚心出售 看房方便
                                       </a>
                                   </h1>
                                   <div class="hinfo">
                                       <span><a href="">蓝岸3G</a> | 1室0厅 | 32.14平米 | 西 | 其他 | 有电梯</span>
                                       <span>中楼层(共10层)2011年建板塔结合 - 铁心桥</span>
                                       <span>居地铁金马路站517米</span>
                                   </div>
                               </div>
                               <div class="cMoney">
                                   <span>1500/月</span>
                                   <a href="">查看</a>
                               </div>
                           </div>
                           <div class="houseList">
                               <a href="">
                                  <img src="https://image1.ljcdn.com/320100-inspection/18dfb0e0-0ef8-4ae1-ad30-81926fa7db9c.JPG.296x216.jpg">
                               </a>
                               <div class="houseText">
                                   <h1>
                                       <a href="">
                                           <span>单间 |</span>
                                           马群东东郊小镇主卧次卧都有大的落地窗 户型稀有
                                       </a>
                                   </h1>
                                   <div class="hinfo">
                                       <span><a href="">蓝岸3G</a> | 1室0厅 | 32.14平米 | 西 | 其他 | 有电梯</span>
                                       <span>中楼层(共10层)2011年建板塔结合 - 铁心桥</span>
                                       <span>居地铁金马路站517米</span>
                                   </div>
                               </div>
                               <div class="cMoney">
                                   <span>1500/月</span>
                                   <a href="">查看</a>
                               </div>
                           </div>
                           <div class="houseList">
                               <a href="">
                                  <img src="https://image1.ljcdn.com/320100-inspection/18dfb0e0-0ef8-4ae1-ad30-81926fa7db9c.JPG.296x216.jpg">
                               </a>
                               <div class="houseText">
                                   <h1>
                                       <a href="">
                                           <span>单间 |</span>
                                           近三元桥 香河园中里 全明南向一居 全新装修 可以长租
                                       </a>
                                   </h1>
                                   <div class="hinfo">
                                       <span><a href="">蓝岸3G</a> | 1室0厅 | 32.14平米 | 西 | 其他 | 有电梯</span>
                                       <span>中楼层(共10层)2011年建板塔结合 - 铁心桥</span>
                                       <span>居地铁金马路站517米</span>
                                   </div>
                               </div>
                               <div class="cMoney">
                                   <span>1500/月</span>
                                   <a href="">查看</a>
                               </div>
                           </div>
                           <div class="houseList">
                               <a href="">
                                  <img src="https://image1.ljcdn.com/320100-inspection/18dfb0e0-0ef8-4ae1-ad30-81926fa7db9c.JPG.296x216.jpg">
                               </a>
                               <div class="houseText">
                                   <h1>
                                       <a href="">
                                           <span>单间 |</span>
                                           盛世公馆 开发商精装交付公寓 诚心出售 看房方便
                                       </a>
                                   </h1>
                                   <div class="hinfo">
                                       <span><a href="">蓝岸3G</a> | 1室0厅 | 32.14平米 | 西 | 其他 | 有电梯</span>
                                       <span>中楼层(共10层)2011年建板塔结合 - 铁心桥</span>
                                       <span>居地铁金马路站517米</span>
                                   </div>
                               </div>
                               <div class="cMoney">
                                   <span>1500/月</span>
                                   <a href="">查看</a>
                               </div>
                           </div>
                           <div class="houseList">
                               <a href="">
                                  <img src="https://image1.ljcdn.com/320100-inspection/18dfb0e0-0ef8-4ae1-ad30-81926fa7db9c.JPG.296x216.jpg">
                               </a>
                               <div class="houseText">
                                   <h1>
                                       <a href="">
                                           <span>单间 |</span>
                                           盛世公馆 开发商精装交付公寓 诚心出售 看房方便
                                       </a>
                                   </h1>
                                   <div class="hinfo">
                                       <span><a href="">蓝岸3G</a> | 1室0厅 | 32.14平米 | 西 | 其他 | 有电梯</span>
                                       <span>中楼层(共10层)2011年建板塔结合 - 铁心桥</span>
                                       <span>居地铁金马路站517米</span>
                                   </div>
                               </div>
                               <div class="cMoney">
                                   <span>1500/月</span>
                                   <a href="">查看</a>
                               </div>
                           </div>
                           <div class="pagebox">
                             <a class="prev" href="">上一页</a>
                             <a class="on" href="" data-page="1">1</a>
                             <a href="" data-page="2">2</a>
                             <a href="" data-page="3">3</a>
                             <a href="" data-page="4">4</a>
                             <a href="" data-page="5">5</a>
                             <a class="next" href="">下一页</a>
                           </div>
                       </div>
                   </div>
               </div>
               <div class="pxRight w_260">
                   <div class="address">
                       <div class="addressTit">
                           <div class="adOpen">
                               <i class="iconfont"></i>
                               <span>展开</span>
                           </div>
                           <div class="adsui">
                               <i class="iconfont"></i>
                               <span>跟随浮动</span>
                           </div>
                       </div>
                       <div class="addressCon">
                           <img class="adre_small" src="images/adress_small.jpg">
                           <img class="adre_big" src="images/adress_big.jpg">
                       </div>
                   </div>
               </div>
           </div>
        </div>
    </div>

    <script type="text/javascript" src="js/jquery-1.8.1.js"></script>
    <script type="text/javascript" src="js/city-screen.js"></script>
</body>
</html>